
<template>
   
       

    <el-table :data="tableData" style="width: 100%">

      <el-table-column
        prop="11"
        label="#"
        width="180">
      </el-table-column>

      <el-table-column
        prop="userid"
        label="用户id"
        width="180">
      </el-table-column>
      <el-table-column
        prop="username"
        label="用户名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="phone"
        label="电话"
        width="180">
      </el-table-column>

      <el-table-column
        prop="state"
        label="用户状态"
        width="180">
      </el-table-column>

      <el-table-column
        prop="mail"
        label="电子邮件"
        width="180">
      </el-table-column>
      
      <el-table-column label="操作">

      <template slot-scope="scope">
        <el-button
          size="mini"
          @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
        <el-button
          size="mini"
          type="danger"
          @click="handleDelete(scope.$index, scope.row)">删除</el-button>
      </template>
      
    </el-table-column>
      
     
      
    </el-table>
    
  </template>


  <script>


    export default {
      data() {
        return {
          tableData: [{
            11:'1',
            userid:'01',
            username:'罗文添',
            phone:'157999',
            state:'在线',
            mail:'158@qq.com',
            
          }]
        }
      }
    }
  </script>

<style>

</style>